Ext.define('truckplanner.view.contact.Edit', {
	extend: 'Ext.window.Window',

	alias : 'widget.contacteditor',

	width : 450,
	height : 370,
	title : 'Edit Contact',
	layout : 'fit',
	modal : true,
	closeAction: 'hide',
	
	initComponent : function() {
		Ext.apply(this, {
			buttons: [{
				text: 'Ok',
				action: 'create'
			}, {
				text: 'Annuler',
				scope: this,
				handler: function() {
					this.down('form').form.reset();
					this.close();
				}
			}],
			items : [ {
				xtype : 'form',
				frame : true,
				bodyStyle : 'padding:5px 5px 0',
				width : 340,
				fieldDefaults : {
					labelAlign : 'top',
					msgTarget : 'side'
				},
				autoScroll : true,
				items : [ {
					xtype : 'container',
					layout : 'column',
					anchor : '100%',
					items : [ {
						columnWidth : .5,
						xtype : 'container',
						layout : 'anchor',
						items : [ {
							xtype : 'textfield',
							name : 'name',
							fieldLabel : 'Nom',
							anchor : '95%'
						}, {
							xtype:'fieldset',
				            title:'Société',
							anchor : '95%',
				            items: [ {
				            	xtype : 'textfield',
					            name : 'role',
								fieldLabel : 'Role',
								anchor : '95%'
							}, {
								xtype : 'textfield',
								name : 'organizationName',
								fieldLabel : 'Société',
								anchor : '95%'
							}, {
								xtype : 'button',
								text : 'Nouvelle société...',
								scope : this,
								handler : this.onNewCompanyClick
							} ]
						}]
					}, {
						columnWidth : .5,
						xtype : 'container',
						layout : 'anchor',
						items : [ {
							xtype : 'textfield',
							name : 'firstname',
							fieldLabel : 'Prénom',
							anchor : '95%'
						}, 
						{
				            xtype:'fieldset',
				            title:'Contact',
							anchor : '95%',
				            items: [{
								xtype : 'textfield',
								name : 'email',
								fieldLabel : 'Email',
								anchor : '95%'
							}, {
								xtype : 'textfield',
								name : 'gsm',
								fieldLabel : 'GSM',
								anchor : '95%'
							}, {
								xtype : 'textfield',
								name : 'phone',
								fieldLabel : 'Tél.',
								anchor : '95%'
							}, {
								xtype : 'textfield',
								name : 'fax',
								fieldLabel : 'Fax',
								anchor : '95%'
							} ]
						}]
					} ]
				} ]
			} ]
		});
		this.callParent(arguments);
	}

});